.swiper-button-prev,
.swiper-button-next {
    background: none;
    margin-top: 0;
    transform: translateY(-50%);
    opacity: 1 !important;
    font-size: 20px;
    width: auto;
    height: auto;
}
.banner .swiper-container,
.banner_page {
    display: none;
}

.banner .swiper-slide a>img {
    width: 100%;
}

.bannervideo{
    width: 100%;
}

.sp{
    width: 100%;
}
.sp video{
    width: 100%;
}
body>video{
    width: 100%;
}
.banner video {
    width: 100%;
}
.bannertxt {
    position: absolute;
}

.bannertxt1 {
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.bannertxt1 img {
    width: 100%
}

.banner {
    position: relative;
}

.banner_page {
    position: absolute;
    right: 8.335%;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
}

.banner_page li {
    padding: 25px 0;
    position: relative;
    cursor: pointer;
}

.banner_page li:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .4);
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.banner_page li:after {
    content: '';
    display: block;
    width: 4px;
    height: 0;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.banner_page li.active:after {
    height: 100%
}

.banner_page span {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    transform: translateX(50px);
}

.banner_page font {
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    transform: translateX(50px);
    display: inline-block;
    opacity: 0;
}

.banner_page li.active span {
    transform: translateX(0);
}

.banner_page li.active font {
    transform: translateX(0);
    opacity: 1;
}

.index_box_1 {
    padding: 110px 0
}

.index_box_1 .container>h2 {
    font-size: 300px;
    color: rgba(244, 247, 249, .5);
    /* color:#000; */
    position: absolute;
    left: 0;
    font-weight: bold;
    text-transform: uppercase;
    transform: translateX(-.5em);
    white-space: nowrap
}

.index_b_1_left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    padding-right: 75px;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.index_b_1_right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
    border-radius: 35px;
    border-top-left-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.active .index_b_1_right,
.active .index_b_1_left {
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}

.index_b_1_right img {
    width: 100%
}

.indextit {
    margin-bottom: 28px;
}

.indextit h2 {
    color: #343434;
    font-size: 40px;
    font-weight: bold;
}

.indextit h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #e5e7e8
}

.index_b_1_left p {
    color: #8b969e;
    line-height: 28px;
}

a.more {
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
    background-size: 100% 100%;
    background-image: url(morebac_03.png);
    display: inline-block;
    color: #fff;
    font-size: 20px;
    vertical-align: middle
}

a.more:hover {
    background-image: url(morebac1_03.png);
}

.index_b_1_left .more {
    margin: 36px 0
}

.dataNums {
    /* position: absolute; */
    top: 50%;
    display: block;
    width: 100%;
    height: 80px;
    /* margin-top: -37px; */
    /* text-align: center; */
}

.dataNums .dataOne {
    width: 40px;
    height: 80px;
    /* margin: 0px 3px; */
    text-align: center;
    display: inline-block;
    font-size: 75px;
    color: #004dc6
}

.dataNums .dataBoc {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.dataNums .dataBoc .tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dataNums .tt span {
    width: 100%;
    height: 100%;
    font-size: 65px;
    font-family: '微软雅黑';
    line-height: 80px;
    display: block;
    font-weight: bold;
    color: #02427b
}

.abnum>li {
    display: inline-block;
    text-align: center;
    margin-right: 60px;
    vertical-align: top
}

.abnum>li:last-child {
    margin-right: 0
}

.abnum>li>span {
    font-size: 14px;
    font-weight: bold;
    color: #464646;
    margin-top: 10px;
    display: block;
    width: 120px;
}

.abnum>li h6 {
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding-right: 10px
}

.dataNums>span {
    font-size: 65px;
    vertical-align: top;
    display: inline-block;
    transform: translateY(-10px)
}

.abnum>li:nth-child(2) h6 span {
    color: #0072cb !important
}

.abnum>li:nth-child(3) h6 span {
    color: #02427b !important
}

.abnum>li:nth-child(1) h6 {
    background-image: url(team_03.png)
}

.abnum>li:nth-child(2) h6 {
    background-image: url(td_03.png)
}

.abnum>li:nth-child(3) h6 {
    background-image: url(qy_03.png)
}

.index_box_2 {
    background-image: url(ywbac_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 98px 0 118px
}

.index_b_2_tit .indextit {
    float: left;
    margin-bottom: 0
}

.mores {
    float: right
}

.index_box_2 .indextit h2,
.index_box_2 .indextit h3 {
    color: #fff
}

.mores span {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-right: 18px
}

.mores span:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 18px;
    height: 1px;
    width: 85px;
    background: #fff
}

.index_b_2_tit {
    margin-bottom: 95px
}

.index_b_2_left {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    opacity: 0;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.cytab {
    background-repeat: no-repeat;
    background-image: url(cytabbac_03.jpg);
    background-size: cover
}

.cytab li {
    display: inline-block;
    width: 33.333333%;
    box-sizing: border-box;
    position: relative;
    padding: 80px 0 86px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    cursor: pointer;
}

.cytab li div {
    position: relative;
    z-index: 2;
}

.cytab li span {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.cytab li p {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    height: 44px;
    line-height: 22px;
    ;
    vertical-align: top
}

.cytab li:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(cytabsbac_03.jpg);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.cytab li.ac:before {
    opacity: 1;
}

.cytab {
    border-radius: 32px
}

.cytab li:nth-child(1) {
    /* border-top-left-radius: 32px */
}

.index_b_2_right {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    padding-left: 90px;
    opacity: 0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.active .index_b_2_right,
.active .index_b_2_left {
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}

.index_b_2_right li {
    display: none;
}

.index_b_2_right li.ac {
    display: block
}

.index_b_2_right ul {
    margin-bottom: 48px
}

.index_b_2_right h2 {
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    margin-bottom: 30px
}

.index_b_2_right h3 {
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px
}

.index_b_2_right p {
    color: #fff;
    line-height: 28px;
}

.index_b_2_right p img{
	width:350px;
	border:1px solid #ccc; padding:3px;
}

.index_b_2_right .more {
    display: inline-block;
    width: 275px;
    height: 60px;
    line-height: 60px;
    border-radius: 60px;
    background: #fff;
    color: #2b2936;
    font-weight: bold;
    margin-top: 60px;
    text-align: center
}

.index_b_2_right .more font {
    display: inline-block;
    margin-left: 86px
}

.index_b_2_right .more:hover {
    background: #0072cb;
    color: #fff
}

.index_box_3 {
    padding: 6.25% 0
}

.index_box_3 li {
    display: inline-block;
    width: 17.25%;
    margin-right: 3.4375%;
    text-align: center;
    padding: 66px 0 78px;
    border-radius: 17px;
    background: #f5f1f0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.active.index_box_3 li {
    opacity: 1;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
}

.index_box_3 li:nth-child(5n) {
    margin-right: 0
}

.index_box_3 span {
    width: 103px;
    height: 103px;
    box-sizing: border-box;
    border: 2px solid #0161ae;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
    z-index: 2;
}

.index_box_3 span:before {
    position: absolute;
    content: '';
    width: 87%;
    height: 87%;
    border: 1px solid rgba(1, 97, 174, .3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    border-radius: 50%
}

.index_box_3 span font {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    color: #0161ae;
    font-size: 45px
}

.index_box_3 li:nth-child(2) span font {
    font-size: 50px
}

.index_box_3 li:nth-child(4) span font {
    font-size: 50px
}

.index_box_3 li:nth-child(5) span font {
    font-size: 40px
}

.index_box_3 li:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(i_3bac_03.jpg);
    background-size: 100%;
    opacity: 0;
}

.index_box_3 h2 {
    color: #adadad;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 0 auto 22px;
    width: 52%;
    position: relative;
    z-index: 2;
}

.index_box_3 h2:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #015ea9;
    margin: 18px auto 0
}

.index_box_3 h3 {
    color: #343434;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.index_box_3 p {
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-top: 10px;
    opacity: 0;
}

.index_box_3 h4 {
    width: 33px;
    height: 33px;
    line-height: 33px;
    border-radius: 50%;
    background: #0161ae;
    color: #fff;
    margin: 28px auto 0;
    position: relative;
    z-index: 2;
}

.index_box_3 li:hover:after {
    opacity: 1;
}

.index_box_3 li:hover h3,
.index_box_3 li:hover p,
.index_box_3 li:hover h4,
.index_box_3 li:hover h2,
.index_box_3 li:hover span font {
    color: #fff;
    opacity: 1;
}

.index_box_3 li:hover span {
    border-color: #fff;
}

.index_box_3 li:hover span:before {
    border-color: rgba(255, 255, 255, .3)
}

.index_box_3 li:hover h4 {
    background: #ffffff;
    color: #0164b4
}

.index_box_4 {
    padding: 98px 0 370px;
    background-image: url(zrbac_02.jpg);
    background-size: cover
}

.index_b_4_tit .indextit {
    float: right;
    text-align: right
}

.index_b_4_tit .indextit h2,
.index_b_4_tit .indextit h3 {
    color: #fff;
}

.zetab {
    float: left;
}

.zetab h2 {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    padding-right: 144px;
    cursor: pointer;
}

.zetab h2 font {
    display: inline-block;
    width: 86px;
    height: 86px;
    line-height: 86px;
    background: transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 40px;
    vertical-align: middle
}

.zetab h2:nth-child(1) font {
    font-size: 45px
}

.zetab h2 span {
    display: block;
    font-weight: bold;
    color: #fff;
    white-space: nowrap
}

.zetab h2:after {
    content: '';
    display: inline-block;
    width: 126px;
    height: 1px;
    background: #fff;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 43px
}

.zetab h2.ac font {
    background: #fff;
    color: #0073cc
}

.zetab h2:last-child {
    padding-right: 0
}

.zetab h2:last-child:after {
    display: none
}

.index_b_4_tit {
    margin-bottom: 75px
}

.index_b_4_left {
    display: inline-block;
    width: 35.9375%;
    position: relative;
    opacity: 0;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.index_b_4_left li {
    display: none
}

.index_b_4_left li.ac {
    display: block
}

.index_b_4_left li h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 10px
}

.index_b_4_left li h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 28px;
    text-transform: uppercase
}

.index_b_4_left li p {
    color: #fff;
    line-height: 28px;
}

.index_b_4_left>a {
    display: inline-block;
    width: 275px;
    height: 82px;
    line-height: 82px;
    border-radius: 82px;
    background: #fff;
    color: #2b2936;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
    position: absolute;
    left: 0;
    bottom: -250px
}

.index_b_4_left>a font {
    display: inline-block;
    margin-left: 86px;
}

.index_b_4_left>a:hover {
    background: #0072cb;
    color: #fff;
}

.index_b_4_right {
    width: 56.25%;
    display: inline-block;
    position: absolute;
    right: 0;
    opacity: 0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.active .index_b_4_right,
.active .index_b_4_left {
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}

.index_b_4_right .swiper-container {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border-radius: 35px;
}

.index_b_4_right .swiper-slide {}

.index_b_4_right .swiper-slide img {
    width: 100%;
}

.index_b_4_right .swiper-pagination {
    width: 67px;
    bottom: auto;
    top: 10%;
    box-sizing: border-box;
    /* left: calc(100% - 67px); */
    right: -16%;
    background: #fff;
    border-radius: 67px;
    padding: 6px;
    height: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15)
}

.index_b_4_right .swiper-pagination span {
    display: block;
    ;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    /* background-image: url(../images/morebac1_03.png); */
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    color: #a5a9b5;
    font-weight: bold;
    background-size: 100% 100%;
    background-color: transparent;
    opacity: 1;
}

.index_b_4_right .swiper-pagination span.swiper-pagination-bullet-active {
    background-image: url(morebac1_03.png);
    color: #fff
}

.index_b_4_right>div {
    /* height: 0; */
    /* overflow: hidden; */
    position: relative;
    width: 86%;
}

.index_b_4_right>div .swiper-container {
    height: 0
}

.index_b_4_right>div:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    position: absolute;
    left: -46px;
    top: 46px;
    background: rgba(255, 255, 255, .5)
}

.index_b_4_right>div:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    position: absolute;
    left: -92px;
    top: 92px;
    background: rgba(255, 255, 255, .5)
}

.index_b_4_right>div .swiper-pagination {
    display: none
}

.index_b_4_right>div.ac .swiper-container {
    height: auto
}

.index_b_4_right>div.ac .swiper-pagination {
    display: block
}

.index_box_5 {
    padding: 120px 0 120px
}

.index_box_5 .mores span {
    color: #979797;
}

.index_box_5 .mores span:before {
    background: #0477cf
}

.index_b_5_inner {
    margin-top: 50px;
    border-radius: 30px;
    /* overflow: hidden; */
    background: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
    position: relative;
    z-index: 2;
}

.index_b_5_left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.index_b_5_left img {
    width: 100%
}

.index_newtxt {
    position: absolute;
    left: 0;
    top: 55px;
    padding: 0 46px
}

.index_box_5 .container>h2 {
    font-size: 250px;
    color: #ecf0f4;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(.8em)
}

.index_b_5_right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 30px 0 0
}

.index_newtxt h6 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 45px;
}

.index_newtxt h6 span {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-left: -5px;
}

.index_newtxt h2 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.index_newtxt p {
    color: #fff;
    line-height: 28px;
    width: 80%
}

.index_b_5_inner>a {
    display: block;
    width: 210px;
    text-align: center;
    line-height: 60px;
    background-image: url(newmore_03.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 60px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 46px;
    bottom: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    z-index: 2;
}

.index_b_5_inner>a:hover {
    background-image: url(newmore1_03.png);
}

.index_b_5_right li {
    padding: 0 65px 0;
    /* margin-bottom: 25px; */
    position: relative;
    opacity: 0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.active .index_b_5_right li {
    opacity: 1;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}

.index_b_5_right li:before {
    content: '';
    display: block;
    width: 77px;
    height: 4px;
    background: #0369b9;
    position: absolute;
    left: 0;
    top: 46px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    opacity: 0;
}

.index_b_5_right li:hover:before {
    opacity: 1;
}

.index_b_5_right li a {
    padding: 38px 0;
    display: block;
    border-bottom: 1px solid #e3e3e3;
    font-size: 0;
}

.index_b_5_right h6 {
    display: inline-block;
    width: 120px;
    font-size: 35px;
    font-weight: lighter;
    color: #000000;
    vertical-align: top;
    padding-left: 26px
}

.index_b_5_right h6 span {
    font-size: 14px;
    color: #959595;
    display: inline-block;
    margin-left: -5px;
}

.index_b_5_right li div {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 146px);
}

.index_b_5_right li h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px
}

.index_b_5_right li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #8b969e
}

.index_b_5_right li:hover h2,
.index_b_5_right li:hover h6,
.index_b_5_right li:hover h6 span {
    color: #0470c4;
    font-weight: bold
}

.index_b_5_right li:hover h6 {
    padding-left: 0
}

.index_b_5_right li:last-child a {
    border-bottom: none
}

.index_box_4,
.index_box_5 {
    background-color: #f7f8fc
}